import  React from 'react'
import  {Link,NavLink} from 'react-router-dom'



class SideNav extends React.Component{
    constructor(){
        super();
    }
    render() {
        return (
            <div className="navbar-default navbar-side" role="navigation">
                <div className="sidebar-collapse">
                    <ul className="nav" >

                        <li>
                            <NavLink exact  className="" to="/" activeClassName="active-menu">
                                <i className="fa fa-dashboard"></i>
                                <span>首页</span>
                            </NavLink>
                        </li>


                        <li className="active " >
                            <Link to="/produce" >
                                <i className="fa fa-list"></i>
                                商品
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse  in">
                                <li>
                                    <NavLink to="/produce" activeClassName="active-menu">商品管理</NavLink>
                                </li>
                                <li>
                                    <NavLink to="/produce-category" activeClassName="active-menu">品类管理</NavLink>
                                </li>

                            </ul>
                        </li>


                        <li className="active">
                            <Link to="/order">
                                <i className="fa fa-check-square-o"></i>
                                订单
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/order" activeClassName="active-menu">订单管理</NavLink>
                                </li>
                            </ul>
                        </li>

                        <li className="active">
                            <Link to="/user">
                                <i className="fa fa-user-o"></i>
                                用户
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/user" activeClassName="active-menu">用户管理</NavLink>
                                </li>
                            </ul>
                        </li>


                    </ul>

                </div>

            </div>
        )
    }
}

export default SideNav;